import Header from "@/components/Header";
// import { Suspense } from "react";
// import styles from "./page.module.css";
// import Link from 'next/link'
import ChatInterface from "./chat/page";
import ThemeModeButton from "@/components/ThemeModeButton";
import HtmlPreview from "./preview/page";
import { useRef } from "react";
import { Button } from "@/components/ui/button";
import Page from "./actions/actions";


export default function Home() {

  return (
    <>
      <div className='flex justify-center items-center h-screen w-full p-4'>
        {/* <Suspense fallback={<div>Loading...</div> }> */}
          {/* <ThemeModeButton /> */}
          {/* <div className="grid h-screen w-full pl-[56px] mt-[57px]">*/}
            <div className="flex w-full h-full gap-4"> 
              <div className="h-full w-[50%] mt-4">
                {/* <ChatInterface /> */}
              </div>
              {/* <div className="h-[50%] w-full">
                <HtmlPreview />
              </div> */}
              <Page />
            </div>
           {/* </div> */}
          
        {/* </Suspense> */}
      </div>
      
    </>
  );
}
